<div id="wrapperImportItv">
	<div id="stepsFormImportItv">
		#{form @Interventions.importInterventions(), enctype:'multipart/form-data'}
			<div id="formImportInt">
			<fieldset class="stepImportItv">
				<legend>Gabarit</legend>
                	<a href="@{Interventions.getGabaritExcel()}">T&eacute;l&eacute;charger le gabarit</a>					 
			</fieldset>
			<fieldset class="stepImportItv">
				<legend>Compl&eacute;tion</legend>
					Remplisser le fichier d'import 
					<ul>
						<li><strong>Mati&egrave;re</strong> <small>(80 caract&egrave;res max)</small></li>
						<li><strong>Description</strong> <small>(250 caract&egrave;res max)</small></li>
						<li><strong>Formation concern&eacute;e</strong> <small>Choisir dans la liste d&eacute;roulante</small></li>
						<li><strong>Date de d&eacute;but</strong> <small>Format jj/mm/aaaa</small></li>
						<li><strong>Date de fin</strong> <small>Format jj/mm/aaaa</small></li>
						<li><strong>Dur&eacute;e</strong> <small>Chiffre num&eacute;rique</small></li>
					</ul>
			</fieldset>
			<fieldset class="stepImportItv">	 
				<legend>Import</legend> 
					Importer le fichier rempli<br>
				    <input id="uploadFile" type="file" name="uploadFile" required="required">
			</fieldset>
			<fieldset class="stepImportItv">
				<legend>Confirmation</legend>
				<p>
							Tout dans le formulaire a &eacute;t&eacute; correctement rempli, si toutes les étapes ont une coche verte icône. Une coche rouge icône indique que certains champ est manquant ou rempli avec des données invalides. Dans cette dernière étape, l'utilisateur peut confirmer l'envoi du formulaire.
				</p>
            	<p class="submit">
             		<input type="hidden" name="createdBy" id="createdBy" value="${session['user_id']}"/>
					<button id="registerformImportInt" type="submit">Valider</button>
            	</p>
 			</fieldset>
 			</div>
		#{/form}			
	</div>
	<div id="navigationImportItv" style="display:none;">
    	<ul>
      		<li class="selected">
            	<a href="#">Gabarit</a>
        	</li>
        	<li>
            	<a href="#">Compl&eacute;tion</a>
        	</li>
        	<li>
           		<a href="#">Import</a>
        	</li>
			<li>
            	<a href="#">Confirmation</a>
        	</li>
    	</ul>
	</div>
</div>